<template>
  <view class="flex-col page">
    <view class="flex-col group">
      <text class="text_1">合同总计</text>
      <view class="justify-evenly section_1">
        <view class="flex-col">
          <view class="flex-row">
            <view class="flex-col items-center group_3">
              <text class="text_2">序号</text>
              <text class="text_3">1</text>
              <text class="text_4">2</text>
              <text class="text_5">3</text>
              <text class="text_6">4</text>
              <text class="text_7">5</text>
            </view>
            <view class="flex-col items-center group_4">
              <text class="text_8">合同类型</text>
              <text class="text_9">施工半包</text>
              <text class="text_10">主材</text>
              <text class="text_11">机电系统</text>
              <text class="text_12">定制柜</text>
              <text class="text_13">家具软装</text>
            </view>
          </view>
          <text class="text_14">合计(万元)</text>
        </view>
        <view class="section_2"><!--*--></view>
        <view class="flex-col items-center group_5">
          <text class="text_15">原合同额</text>
          <text class="text_16">10</text>
          <text class="text_17">3</text>
          <text class="text_18">4</text>
          <text class="text_19">4</text>
          <text class="text_20">4</text>
          <text class="text_21">10</text>
        </view>
        <view class="section_2"><!--*--></view>
        <view class="flex-col items-center group_6">
          <text class="text_22">已支付</text>
          <text class="text_24">5</text>
          <text class="text_26">2</text>
          <text class="text_28">1</text>
          <text class="text_30">1</text>
          <text class="text_32">1</text>
          <text class="text_34">10</text>
        </view>
        <view class="section_2"><!--*--></view>
        <view class="flex-col items-center group_6">
          <text class="text_22">未支付</text>
          <text class="text_24">5</text>
          <text class="text_26">1</text>
          <text class="text_28">3</text>
          <text class="text_30">3</text>
          <text class="text_32">3</text>
          <text class="text_34">10</text>
        </view>
        <view class="section_2"><!--*--></view>
        <view class="flex-col items-center group_7">
          <text class="text_43">结算合同额</text>
          <text class="text_44">1</text>
          <text class="text_45">0</text>
          <text class="text_46">0.4</text>
          <text class="text_47">0.4</text>
          <text class="text_48">0.4</text>
          <text class="text_49">10</text>
        </view>
        <view class="section_2"><!--*--></view>
        <view class="flex-col items-center group_8">
          <text class="text_50">变更额</text>
          <text class="text_51">9</text>
          <text class="text_52">3</text>
          <text class="text_53">3.6</text>
          <text class="text_54">3.6</text>
          <text class="text_55">3.6</text>
          <text class="text_56">10</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },
    methods: {},
  };
</script>

<style scoped lang="scss">
  .section_2 {
    background-color: #d9d9d9;
    width: 1rpx;
    height: 786rpx;
  }
  .group_6 {
    margin-top: 19rpx;
    width: 86rpx;
  }
  .text_22 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_24 {
    margin-top: 73rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_26 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_28 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_30 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_32 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_34 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .page {
    background-color: #ffffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    padding: 29rpx 32rpx 311rpx;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .text_1 {
    align-self: flex-start;
    color: #191919;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .section_1 {
    margin-top: 42rpx;
    padding-left: 10rpx;
    padding-right: 9rpx;
    background-image: url('https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868787076662263.png');
    background-position: 0% 0%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .group_5 {
    margin-top: 19rpx;
    width: 108rpx;
  }
  .group_7 {
    margin-top: 19rpx;
    width: 130rpx;
  }
  .group_8 {
    margin-top: 19rpx;
  }
  .text_14 {
    margin-top: 47rpx;
    align-self: center;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_15 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_16 {
    margin-top: 73rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_17 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_18 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_19 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_20 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_21 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_43 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_44 {
    margin-top: 73rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_45 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_46 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_47 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_48 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_49 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_50 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_51 {
    margin-top: 73rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_52 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_53 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_54 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_55 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_56 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .group_3 {
    margin-top: 19rpx;
  }
  .group_4 {
    margin-left: 9rpx;
    padding: 19rpx 0 50rpx;
    width: 109rpx;
    border-left: solid 1rpx #d9d9d9;
  }
  .text_2 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_3 {
    margin-top: 73rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_4 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_5 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_6 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_7 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_8 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_9 {
    margin-top: 67rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_10 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_11 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_12 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_13 {
    margin-top: 91rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
</style>